<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>个人资料</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <!-- 样式初始化 自定义文件 -->
    <link rel="stylesheet" href="../css/index.css">
    <!-- 下面所有都是库文件 -->
    <link rel="stylesheet" href="../newtp/lib/weui.min.css">
    <link rel="stylesheet" href="../newtp/css/jquery-weui.css">
    <link rel="stylesheet" href="../newtp/css/theme.css">
    <script src="../newtp/lib/jquery-2.1.4.js"></script>
    <script src="../newtp/lib/fastclick.js"></script>
    <script src="../newtp/js/jquery-weui.js"></script>
<style>
/*最外层*/
.page-container{height: 100%;width: 100%;  overflow: hidden; }
/*顶部*/
.page-top{ height: 50px; top:0; background:#fff; }
.g-back{ float: left; width: 80px;  height: 50px;background: url(../img/g_03.png) center no-repeat; background-size: 18px; }
.g-other{float: right;width: 80px; height: 50px;}
.t-title{ display:block; line-height: 50px; width: 100%;  text-align: center; }
/*内容容器*/
/*内容*/
.page-wrap{ height: 100%; width: 100%; background:#f8f8f8;overflow-y: auto; }
.p-title{position: relative;  margin:10px 0; padding:12px 15px; width: 100%; height: 70px; background: #fff; }
.p-title p{ width: 100%; height: 23px; padding-left: 52px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.p-title img{position: absolute;  width: 46px;height: 46px; }
.p-title .name{ font-size: 15px;}
.info-list{padding:8px 0 8px 15px; width: 100%; margin-top: 6px;background: #fff;  }
.info-list div{ width: 100%;height: 50px; border-bottom: 1px solid #c8c8c8;}
.info-list p{ font-size: 15px; }

/*辅助类*/
.color1{ color: #2bb1ff; }
.color2{ color: #c8c8c8; font-size: 14px; }
</style>
</head>
<body>
<div class="page-container">
    <div class="weui-tab">
           <!-- 头部 -->
            <div class="weui-navbar page-top">
                    <a  href="javascript:history.back(-1);" class="g-back"></a>                   
                    <span class="t-title">基本信息</span>  
                    <a  class="g-other"></a>
            </div>
            <!-- 内容区 -->
            <div class="weui-tab__bd page-wrap" >
                    <div class="p-title">
                            <img src="../img/t5.png" alt="">
                            <p class="name">张萌萌</p>
                            <p class="color2">高中部一年级五班  学生</p>
                    </div>
                    <ul class="info-list">
                            <li>
                                  <div>
                                      <h5 class="color2">手机</h5>
                                      <p>155558555555</p>                              
                                  </div>
                            </li>
                            <li>
                                  <div>
                                      <h5 class="color2">微信</h5>
                                      <p>155558555555</p>                              
                                  </div>
                            </li>
                    </ul>
                    <a href="siliaoye.html" class="weui-btn"  style="width: 80%;background: #999;">发送信息</a>
            </div>
      </div>
</div>
</body>
<script>
$(".p-close").click(function(){
      $(this).parent().remove();
})

</script>
</html>